/* 
    Document   : style_home
    Created on : 10 Mar 11, 18:03:26
    Author     : ifan
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* HOME CONTENT */
.home_content {
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}

.outer_wrap {
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: rgb(255,237,139);
    padding: 5px;
}

.inner_wrap {
    border: 2px rgb(243,206,0) solid;
    background-color: white;
}

.home_content .home_photo_result {
    width: 700px;
    border: 2px rgb(243,206,0) solid;
    background-color: white;
}

.home_content .home_photo_result .ititle {
    margin-top: 5px;
    background-color: rgb(236,234,223);
    height: 20px;
    padding: 5px 0 0 10px;
    font: 15px sans-serif;
    font-weight: bold;
    color: rgb(137,96,59);
}

.home_content .home_photo_result .ilink {
    margin: 10px 10px 10px 0;
    float: right;
    font-family: sans-serif;
    font-size: 15px;
    font-weight: bold;
}

.home_content .home_photo_result .ilink a {
    text-decoration: none;
    border-bottom: 1px rgb(227,129,0) dotted;
    color: rgb(227,129,0);
}

.home_content .home_photo_result .ilink a:hover {
    border-bottom: 1px rgb(255,216,0) dotted;
    color: rgb(255,216,0);
}

.home_content .home_photo_result .image_thumbnail a img {
    border-style: none;
    max-height: 50px;
    max-width: 50px;
}

.home_content .home_photo_result .user_wrap {
    width: 300px;
    margin: 10px 20px 10px 20px;
    float: left;
}

.home_content .home_photo_result .user_wrap a .bar {
    width: 10px;
    height: 50px;
    background-color: rgb(227,129,0);
    margin: 0 10px 0 0;
    float: left;
}

.home_content .home_photo_result .user_wrap a:hover .bar {
    background-color: rgb(105,48,1);
}

.home_content .home_photo_result .user_wrap a:hover {
    background-color: rgb(236,234,223);
    text-decoration: none;
    display: block;
}

.home_content .home_photo_result .user_wrap a .iname {
    float: left;
    color: rgb(137,96,59);
    margin-left: 5px;
    font: 10pt sans-serif;
}

.home_content .home_photo_result .user_wrap a .iname .ifullname {
    font-weight: bold;
}

.home_content .home_photo_result .user_wrap a .iname .ilocation {
    font-style: italic;
}

.home_content .home_photo_result .user_wrap a img {
    border: none;
    max-height: 50px;
    max-width: 50px;
    float: left;
}

.home_search {
    width: 200px;
    border: 2px rgb(243,206,0) solid;
    background-color: white;
    padding: 5px 0 5px 0;
}

.home_search .space_search {
    margin-top: 30px;
}

.home_search .field .ilabel {
    background-color: rgb(236,234,223);
    height: 20px;
    padding: 5px 0 0 10px;
    font: 15px sans-serif;
    font-weight: bold;
    color: rgb(137,96,59);
}

.home_search .field .iinput {
    margin: 5px 0 5px 15px;
}

.home_search .field .iinput .itext {
    height: 25px;
    width: 160px;
    background-color: rgb(254,247,202);
    border: 1px solid rgb(227,129,0);
    padding-left: 10px;
}

.home_search .field .submit_wrap .isubmit {
    cursor: pointer;
    height: 27px;
    width: 70px;
    background-color: rgb(255,126,0);
    border: 1px solid rgb(227,129,0);
    color: rgb(255,245,162);
    font-size: 15px;
    font-family: sans-serif;
    font-weight: bold;
    padding: 2px 10px 10px 10px;
    margin: 0 0 5px 117px;
    text-align: center;
}

.home_search .field .itag {
    background-color: rgb(236,234,223);
    height: 20px;
    padding: 5px 0 0 10px;
    font: 11px sans-serif;
    font-weight: bold;
    font-style: italic;
    color: rgb(137,96,59);
}

.home_recent {
    float: left;
    width: 700px;
    border: 2px rgb(243,206,0) solid;
    background-color: white;
}

.home_recent .ititle {
    margin-top: 5px;
    background-color: rgb(236,234,223);
    height: 20px;
    padding: 5px 0 0 10px;
    font: 15px sans-serif;
    font-weight: bold;
    color: rgb(137,96,59);
}

.home_recent .image_group_wrap {
    margin: 30px 0 0 40px;
}
/*
.home_recent .image_group_wrap .image_wrap {
    width: 144px;
    height: auto;
    float: left;
    margin: 5px 5px 5px 10px;
}

.home_recent .image_group_wrap .image_wrap .owner {
    width: 144px;
    margin: 5px 0 10px 0;
    font: 8pt sans-serif;
    font-weight: bold;
    font-style: italic;
    text-align: center;
}

.home_recent .image_group_wrap .image_wrap a .image_thumbnail {
    margin: 20px 20px 20px 20px;
    float: left;
    height: 100px;
    width: 100px;
}

.home_recent .image_group_wrap .image_wrap a img {
    max-height: 100px;
    max-width: 100px;
}

.home_recent .image_group_wrap .image_wrap a .top {
    border-top: 2px rgb(246,209,0) solid;
    width: 100px;
    margin: 0 20px 0 20px;
}

.home_recent .image_group_wrap .image_wrap a .left {
    margin: 20px 0 20px 0;
    height: 100px;
    border-left: 2px rgb(246,209,0) solid;
    float: left;
}

.home_recent .image_group_wrap .image_wrap a .right {
    margin: 20px 0 20px 0;
    height: 100px;
    border-right: 2px rgb(246,209,0) solid;
}

.home_recent .image_group_wrap .image_wrap a .bottom {
    border-bottom: 2px rgb(246,209,0) solid;
    width: 100px;
    margin: 0 20px 0 20px;
}

.home_recent .image_group_wrap .image_wrap a:hover .image_thumbnail {
    margin: 8px;
    padding: 12px;
    background-color: rgb(228,225,211);
}

.home_recent .image_group_wrap .image_wrap a:hover .top {
    border-top: 2px rgb(170,97,0) solid;
}

.home_recent .image_group_wrap .image_wrap a:hover .left {
    border-left: 2px rgb(170,97,0) solid;
}

.home_recent .image_group_wrap .image_wrap a:hover .right {
    border-right: 2px rgb(170,97,0) solid;
}

.home_recent .image_group_wrap .image_wrap a:hover .bottom {
    border-bottom: 2px rgb(170,97,0) solid;
} */

.image_wrap {
    width: 144px;
    height: auto;
    float: left;
    margin: 5px 5px 5px 10px;
}

.image_wrap .title {
    width: 144px;
    margin: 5px 0 10px 0;
    font: 8pt sans-serif;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    color: black;
}

.image_wrap .owner {
    width: 144px;
    margin: 5px 0 10px 0;
    font: 8pt sans-serif;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    color: black;
}

.image_wrap .owner a {
    text-decoration: none;
    color: black;
}

.image_wrap .owner a:hover {
    color: rgb(170,97,0);
}

.image_wrap a .image_thumbnail {
    margin: 20px 20px 20px 20px;
    float: left;
    height: 100px;
    width: 100px;
}

.image_wrap a .image_thumbnail img {
    border-style: none;
    max-height: 100px;
    max-width: 100px;
}

.image_wrap a .top {
    border-top: 2px rgb(246,209,0) solid;
    width: 100px;
    margin: 0 20px 0 20px;
}

.image_wrap a .left {
    margin: 20px 0 20px 0;
    height: 100px;
    border-left: 2px rgb(246,209,0) solid;
    float: left;
}

.image_wrap a .right {
    margin: 20px 0 20px 0;
    height: 100px;
    border-right: 2px rgb(246,209,0) solid;
}

.image_wrap a .bottom {
    border-bottom: 2px rgb(246,209,0) solid;
    width: 100px;
    margin: 0 20px 0 20px;
}

.image_wrap a:hover .image_thumbnail {
    margin: 8px;
    padding: 12px;
    background-color: rgb(228,225,211);
}

.image_wrap a:hover .top {
    border-top: 2px rgb(170,97,0) solid;
}

.image_wrap a:hover .left {
    border-left: 2px rgb(170,97,0) solid;
}

.image_wrap a:hover .right {
    border-right: 2px rgb(170,97,0) solid;
}

.image_wrap a:hover .bottom {
    border-bottom: 2px rgb(170,97,0) solid;
}

.home_recent .link_warp {
    margin: 10px 0 20px 40px;
}

.home_recent .link_warp a {
    font: 15px sans-serif;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px rgb(227,129,0) dotted;
    color: rgb(227,129,0);
}

.home_recent .link_warp a:hover {
    border-bottom: 1px rgb(255,216,0) dotted;
    color: rgb(255,216,0);
}

.home_photo_result .image_thumbnail {
    margin: 20px;
    float: left;
}

